<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    lang="es">
<f:view contentType="text/html"/>


<h:head>
	<title>.:MonkarApps:.</title>
</h:head>
<h:body>	
<!-- 		DIALOGO DE LOGEO -->
			        		<p:tabView orientation="bottom">  
						    	<p:tab title="DESCRIPCIÓN GENERAL" id="tabDescripcionGeneral">
<!-- 						    	 		<p:graphicImage value="/apps/img_big/#{aplicacionBB.aplicacion.imagen_big}"/> -->
						    	 		<h2>#{aplicacionBB.aplicacion.nombre}</h2>										
										
						    	</p:tab>  
						    	
						    	
						    	<p:tab title="DETALLES">  
							        <h:panelGrid columns="1" cellpadding="10">
							        	<h5>#{aplicacionBB.aplicacion.subtitulo}</h5>
							         	<h:outputLabel id="modelNo" value="#{aplicacionBB.aplicacion.descripcionTotal}" /> 

							         	
						              	<div class="grid_3" style="margin:10px;">
						              		<p:rating value="#{aplicacionBB.aplicacion.puntuacion}" readonly="true"/>
						              		<h:outputLabel value="Descargado: #{aplicacionBB.aplicacion.num_descargas}"/> 
						              	</div>
						              	<h:outputLabel value="Desarrollador: #{aplicacionBB.aplicacion.desarrollador.empresa}" class="grid_7" style="margin:10px;"/>
						              	<br></br><br></br><br></br> 	           
							        </h:panelGrid>  
						    	</p:tab>  
						    	
						    	
						    	<p:tab title="OPINIONES">  
						    		
						    		 
						    		 <ui:repeat var="compra" value="#{aplicacionBB.aplicacion.compras}">
							    		 <p:panel  header="#{compra.usuario.nombre}" footer="El usuario valoro la aplicacion con : #{compra.valoracion} &#x2605;"
							    		  toggleable="true" toggleSpeed="100" >  
									        <h:outputText value="#{compra.comentario}" />  
									    </p:panel> 
						    		 </ui:repeat>
						    	</p:tab>
						    	
									<p:tab title="COMPRA">  
									 <c:if test="${UsuarioSesion!=null}">
						    		 	<p:toolbarGroup align="right">  
<!-- 											<ui:include src="Compra.xhtml" /> -->
												 <h:panelGrid id="panelCompra" columns="2" class="formulario" cellspacing="10" cellpadding="10" rowClasses="padding_top_10">
												<h:outputText value="Tarjeta: " />  
												        <p:selectOneMenu  style="width:100%;">  
												            <f:selectItem itemLabel="Visa" itemValue="1" />  
												            <f:selectItem itemLabel="American Express" itemValue="2" />   
												        </p:selectOneMenu> 
										               
														 
										                <h:outputLabel value="N° de Tarjeta"/>
										                <p:inputText />
										                
										                <h:outputLabel value="Clave de Seguridad"/>
										                <p:inputText />
										                
										                <h:outputLabel value="Fecha de Vencimiento"/>
										                <p:calendar  pattern="MM/yyyy" />  
										               
										                <h:outputLabel value="Total a Pagar S/."/>
										                <h:outputLabel value="#{aplicacionBB.aplicacion.precio}" />
<!-- 										                <f:attribute value="#{aplicacionBB.aplicacion.idAplicacion}" name="idAplicacionn" /> -->
													<p:commandLink id="ajax" type="button" actionListener="#{aplicacionBB.comprarAplicacion}" oncomplete="cerrarDialogDetalle(xhr, status, args)" style="margin-right:20px;" >  
											        <h:outputText value="COMPRAR" />
<!-- 											        
											       		<f:param name="idAplicacionn" value="#{aplicacionBB.aplicacion.idAplicacion}" />-->
											    	</p:commandLink> 
											     
<!-- 											    <h:link value="COMPRAR" outcome="#{aplicacionBB.comprarAplicacion()}" > -->
<!-- 											    	<f:param name="idAplicacionn" value="#{aplicacionBB.aplicacion.idAplicacion}" /> -->
<!-- 											    </h:link> -->
<!--  												<h:outputText value=" #{aplicacionBB.aplicacion.num_descargas}" />   -->
												</h:panelGrid>
										</p:toolbarGroup>
									</c:if>
									<c:if test="${UsuarioSesion==null}">
													    <p:toolbarGroup align="right">  
										    				<p:commandButton type="button" icon="ui-icon-key" onclick="_dlgAcceso.show()" value="Registrese para poder comprar esta aplicacion" title="Registrarse !" update="tabDescripcionGeneral"/>  
													    </p:toolbarGroup>  
									</c:if>
						    	</p:tab>
								
								
										
						    	
							</p:tabView>       
</h:body>

</html>